<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi"
    />
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 启用360浏览器的极速模式(webkit) – -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 若开启长按无法复制链接-->
    <!--meta name="browsermode" content="application"-->
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!--网站开启对web app程序的支持-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--在web app应用下状态条（屏幕顶部条）的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!--移动web页面是否自动探测电话号码-->
    <!--<meta http-equiv="x-rim-auto-match" content="none">-->
    <!--手机号码显示为拨号链接-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="max-age=300" />
    <meta http-equiv="Expires" content="300" />
    <title>8号金融街-新首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/new-index.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
<!-- 头部 -->
<div class="header">
    <div class="header-swiper">
        <div class="header-swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a><img src="../images/set-red-pack@1.png" alt=""></a></div>
                <div class="swiper-slide">
                    <a>
                        <img src="../images/set-red-pack@1.png" alt="">
                    </a>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<!-- 导航 -->
<div class="bhjie-nav">
    <div class="nav-pro">
        <a>
            <div class="nav-pro-item">
                <div class="item-info">
                    <div class="item-info-left">
                        <p>网贷早报</p>
                        <p><i>最新网贷资讯</i></p>
                    </div>
                    <div class="item-info-right"></div>
                </div>
            </div>
        </a>
        <a><div class="nav-pro-item right">
                <div class="item-info">
                    <div class="item-info-left">
                        <p>平台走访</p>
                        <p>
                            <i>平台实地考察</i>
                        </p>
                    </div>
                    <div class="item-info-right"></div>
                </div>
        </div></a>
    </div>
</div>
<div class="nav">
    <ul>
        <li>
            <a>
                <div class="item-list">
                    <p class="icon_xuetang"></p>
                    <p>理财学堂</p>
                </div>
            </a>
        </li>
        <li>
            <a>
                <div class="item-list">
                    <p class="icon_fengyun"></p>
                    <p>网贷风云榜</p>
                </div>
            </a>
        </li>
        <li>
            <a>
                <div class="item-list">
                    <p class="icon_renwu"></p>
                    <p>网贷人物访谈</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- 视频 -->
<div class="video-item">
    <div class="title"><h4>网贷早报-每日更新</h4><a href="#">更多<span></span></a></div>
    <div class="common-banner school_content">
        <a href="#">
            <div class="video-img">
                <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                <div class="common-detail">
                    <p>播放:239
                        <span>2018-02-11</span>
                    </p>
                </div>
            </div>
            <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
        </a>
    </div>
    <div class="common-slider">
        <div class="common-swiper-container">
            <div class="swiper-wrapper school_list">
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 平台走访 -->
<div class="video-plat">
    <div class="title"><h4>平台走访</h4></div>
    <div class="plat-swiper-container">
        <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">中融投：风投系平台中的佼佼者</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">中融投：风投系平台中的佼佼者</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">中融投：风投系平台中的佼佼者</div>
                    </a>        
                </div>
        </div>
    </div>
</div>
<!-- 理财学堂 -->
<div class="video-item h12">
    <div class="title">
        <h4>理财学堂</h4>
        <a href="#">更多
            <span></span>
        </a>
    </div>
    <div class="common-banner school_content">
        <a href="#">
            <div class="video-img">
                <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                <div class="common-detail">
                    <p>播放:239
                        <span>2018-02-11</span>
                    </p>
                </div>
            </div>
            <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
        </a>
    </div>
    <div class="common-slider">
        <div class="common-swiper-container">
            <div class="swiper-wrapper school_list">
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 网贷风云榜 -->
<div class="video-item cl">
    <div class="title">
        <h4>网贷风云榜</h4>
        <a href="#">更多
            <span></span>
        </a>
    </div>
    <div class="common-banner school_content">
            <a href="#">
                <div class="video-img">
                    <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                    <div class="common-detail">
                        <p>播放:239
                            <span>2018-02-11</span>
                        </p>
                    </div>
                </div>
                <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
            </a>
    </div>
    <div class="common-slider">
        <div class="common-swiper-container">
            <div class="swiper-wrapper school_list">
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 网贷人物专访 -->
<div class="video-item cl">
    <div class="title">
        <h4>网贷人物专访</h4>
        <a href="#">更多
            <span></span>
        </a>
    </div>
    <div class="common-banner school_content">
        <a href="#">
            <div class="video-img">
                <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                <div class="common-detail">
                    <p>播放:239
                        <span>2018-02-11</span>
                    </p>
                </div>
            </div>
            <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
        </a>
    </div>
    <div class="common-slider">
        <div class="common-swiper-container">
            <div class="swiper-wrapper school_list">
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <div class="video-img">
                            <img src="http://jg-jrj.oss-cn-shenzhen.aliyuncs.com/jg-upload/newimages/152410301553.jpeg">
                            <div class="common-detail">
                                <p>播放:239
                                    <span>2018-02-11</span>
                                </p>
                            </div>
                        </div>
                        <div class="video-title">盘点网理财平台成交量排行榜；这家拥有7万用户的平台官网突然清空，疑似暴雷</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="height:2rem"></div>
<!--底部-->
<div class="footer">
    <div class="footer-item active">
        <a href="#">
            <div class="icon-wrapper">
                <i class="find"></i>
            </div>
            <span>发现</span>
        </a>
    </div>
    <div class="footer-item ">
            <a href="#">
                <div class="icon-wrapper">
                    <i class="weiquan"></i>
                </div>
                <span>维权</span>
            </a>
        </div>
    <!-- <div class="footer-item ">
        <a href="#">
            <div class="icon-wrapper">
                <i class="fanli"></i>
            </div>
            <span>返利</span>
        </a>
    </div> -->
    <!-- <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="yaoqing"></i>
            </div>
            <span>有奖邀请</span>
        </a>
    </div> -->
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="message"></i>
            </div>
            <span>消息</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="center"></i>
            </div>
            <span>我的</span>
        </a>
    </div>
</div>
</body>
<script>
    var swiper = new Swiper('.header-swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
    })
    var mySwiper = new Swiper('.plat-swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 10,
        centeredSlides: true,
        loop:true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
</html>